<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Moonbay</title>
    <link rel="icon" type="image/x-icon" href="picture/图标logo.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/radio.css">
    <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>
    <div class="head">
        <ul>
            <li class="first">
                <a href="###">
                    <img src="image/logo2.png">
                </a>
            </li>
            <li class="center"><a href="index.html">Home</a></li>
            <li class="center"><a href="mymusic.html">My Music</a></li>
            <li class="center"><a href="singer.html">singer</a></li>
            <li class="center"><a href="ranking.html">Top</a></li>
            <li class="center spe"><a href="radio.html">Radio</a></li>
            <li class="login"><a href="re.html">Register</a></li>
            <li class="login"><a href="login.html">Login</a></li>
            <li class="login dotted"></li>
            <li class="login search">
                <input type="text" class="tex">
                <button class="btn"><i class="iconfont icon-sousuo"></i></button>
            </li>
        </ul>
    </div>
    <div class="back">
        <div class="classify clearfix ban">
            <a href="javascript:;" class="classify-name active">Pops</a>
            <a href="javascript:;" class="classify-name">theme</a>
            <a href="javascript:;" class="classify-name">Scene</a>
            <a href="javascript:;" class="classify-name">Mood</a>
            <a href="javascript:;" class="classify-name">Language</a>
            <a href="javascript:;" class="classify-name">Instruments</a>
        </div>
        <div class="icons">
            <div class="icons_items">
                <div class="box">
                    <a href="#" target="_blank"><img src="picture/radio1.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Listen to your heart</div>
                <div class="classify-item-num">play：120 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="" target="_blank"><img class="icons_items_imgs" src="picture/radio2.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Internet popularity</div>
                <div class="classify-item-num">play：18.52 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="V" target="_blank"><img class="icons_items_imgs" src="picture/radio3.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Classics</div>
                <div class="classify-item-num">play：30.4 million</div>
            </div>
        </div>
        <div class="icons">
            <div class="icons_items">
                <div class="box">
                    <a href="#" target="_blank"><img class="icons_items_imgs" src="picture/radio4.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Hot song</div>
                <div class="classify-item-num">play：62.3 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="" target="_blank"><img class="icons_items_imgs" src="picture/radio5.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Rock and roll</div>
                <div class="classify-item-num">play：18.52 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="" target="_blank"><img class="icons_items_imgs" src="picture/radio6.webp" alt=""></a>
                </div>
                <div class="classify-item-n">KTV must request songs</div>
                <div class="classify-item-num">play：19.20million</div>
            </div>
        </div>
        <div class="icons">
            <div class="icons_items">
                <div class="box">
                    <a href="#" target="_blank"><img class="icons_items_imgs" src="picture/radio7.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Sleeping white noise</div>
                <div class="classify-item-num">play：30.21 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="" target="_blank"><img class="icons_items_imgs" src="picture/radio8.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Select signature Songs</div>
                <div class="classify-item-num">play：50.71 million</div>
            </div>
            <div class="icons_items">
                <div class="box">
                    <a href="" target="_blank"><img class="icons_items_imgs" src="picture/radio9.webp" alt=""></a>
                </div>
                <div class="classify-item-n">Tik Tok</div>
                <div class="classify-item-num">play：61.23 million</div>
            </div>
        </div>

        <div class="page clearfix">
            <div class="page-item up">上一页</div>
            <div class="page-item active">1</div>
            <div class="page-item">2</div>
            <div class="page-item">3</div>
            <div class="page-item">4</div>
            <div class="page-item">5</div>
            <div class="page-item">6</div>
            <div class="page-item">7</div>
            <div class="page-item">8</div>
            <div class="page-item">9</div>
            <div class="page-item">10</div>
            <div class="page-item">...</div>
            <div class="page-item down">下一页</div>
        </div>
    </div>
</body>

</html>